<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="./css/css.css"/>
		<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
	</head>
	<body>
		<!-- 导航栏 -->
		<div id="top">
			<div class="container">
				<div class="logo" style="float: left;margin-right:0px ">
					<img src="./img/winter_tree.png">
				</div>
				<div class="title">
					<ul>
						<m>针不戳</m>
					</ul>
				</div>
				<div class="index">
					<ul>
						<li class="top_sub" style="background-color: #04c3e0;"><a href="#" class="link"><n>主页</n></a></li>
						<li class="top_sub"><a href="#" class="link1" id="demo1"><n>个人中心</n></a></li>
						<li class="top_sub"><a href="#" class="link1" id="demo2"><n>发布投稿</n></a></li>
					</ul>
				</div>
				<div class="login">
					<ul>
						<li>
							<img src="./img/登录.png" style="width: 20px;">
							<a href="login.html"><n>登录</n></a>
						</li>
						<li>
							<n>/</n>
						</li>
						<li>
							<a href="register.html"><n>注册</n></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 内容部分 -->
		<div id="massage">
		<!-- 分区部分 -->
		<div id="header">
			<div class="container">
				<ul>
					<li class="head_sub" style="background-color: #b6f2fa;">
						<img src="./img/首页.png" style="left: 27px;top: 11px;">
						<a href="index.html"><n>综合</n></a>
					</li>
					<li class="head_sub">
						<img src="./img/作品.png" style="left: 11px;top: 12px;">
						<a href="index_lost.html"><n>失物招领</n></a>
					</li>
					<li class="head_sub">
						<a href="index_transfer.html"><n>闲置转让</n></a>
						<img src="./img/贷款.png" style="left: 10px;top: 13px;">
					</li>
					<li class="head_sub">
						<a href="index_problem.html"><n>提问</n></a>
						<img src="./img/问题支持.png" style="left: 26px;top: 14px;">
					</li>
					<li class="head_sub">
						<a href="index_love.html"><n>表白</n></a>
						<img src="./img/收藏.png" style="width: 30px; left: 26px;top: 10px;">
					</li>
					<li class="head_sub">
						<a href="index_team.html"><n>组队</n></a>
						<img src="./img/用户群组.png" style="width: 27px;left: 26px;top: 11px;">
					</li>
					<li class="head_sub">
						<a href="index_debate.html"><n>吐槽</n></a>
						<img src="./img/问答.png" style="width: 23px;left: 26px;top: 14px;">
					</li>
				</ul>
			</div>
		</div>
		<!-- 投稿部分 -->
		<div id="main">
			<div id="main_left">
				<div class="main_massage">
					<div class="massage_title">投稿作者</div>
					<div class="massage_content">投稿内容</div>
					<div class="massage_uptime">上传时间</div>
					<div class="massage_operation">
						<ul>
							<li>
								<a href="">点赞</a>
							</li>
							<li>
								<a href="#" id="demo3">评论</a>
							</li>
							<li>
								<a href="">举报</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="main_massage">
					<div class="massage_title">投稿作者</div>
					<div class="massage_content">投稿内容</div>
					<div class="massage_uptime">上传时间</div>
					<div class="massage_operation">
						<ul>
							<li>
								<a href="">点赞</a>
							</li>
							<li>
								<a href="#" id="demo4">评论</a>
							</li>
							<li>
								<a href="">举报</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="main_massage">
					<div class="massage_title">投稿作者</div>
					<div class="massage_content">投稿内容</div>
					<div class="massage_uptime">上传时间</div>
					<div class="massage_operation">
						<ul>
							<li>
								<a href="">点赞</a>
							</li>
							<li>
								<a href="#" id="demo5">评论</a>
							</li>
							<li>
								<a href="">举报</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div id="main_right">
				<div class="main_massage">
					<div class="massage_title">投稿作者</div>
					<div class="massage_content">投稿内容</div>
					<div class="massage_uptime">上传时间</div>
					<div class="massage_operation">
						<ul>
							<li>
								<a href="">点赞</a>
							</li>
							<li>
								<a href="#" id="demo3">评论</a>
							</li>
							<li>
								<a href="">举报</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="main_massage">
					<div class="massage_title">投稿作者</div>
					<div class="massage_content">投稿内容</div>
					<div class="massage_uptime">上传时间</div>
					<div class="massage_operation">
						<ul>
							<li>
								<a href="">点赞</a>
							</li>
							<li>
								<a href="#" id="demo3">评论</a>
							</li>
							<li>
								<a href="">举报</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="main_massage">
					<div class="massage_title">投稿作者：</div>
					<div class="massage_content">投稿内容</div>
					<div class="massage_uptime">上传时间</div>
					<div class="massage_operation">
						<ul>
							<li>
								<a href="">点赞</a>
							</li>
							<li>
								<a href="#" id="demo3">评论</a>
							</li>
							<li>
								<a href="">举报</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		</div>
	</body>
	<script>
		document.getElementById("demo1").onclick = function() {
		    swal("请先登录哦~")
		};
		document.getElementById("demo2").onclick = function() {
		    swal("请先登录哦~")
		};
		document.getElementById("demo3").onclick = function() {
		    swal("请先登录哦~")
		};
		document.getElementById("demo4").onclick = function() {
		    swal("请先登录哦~")
		};
	</script>
</html>
